const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  css: {
    loaderOptions: {
      less: {
        lessOptions: {
          // If you are using less-loader@5 please spread the lessOptions to options directly
          modifyVars: {
            'primary-color': '#1DA57A',
            'link-color': '#1DA57A',
            'border-radius-base': '2px',
          },
          javascriptEnabled: true,
        },
      },
    },
  },

// 跨域：浏览器的一种安全协议，协议、主机、端口号有一个不一致（同源策略），就会产生跨域问题
//      解决跨域问题的方式：
//            1、后台直接开放（不安全）
//            2、利用script标签中的src属性，不受同源策略的影响 JSONP
//            3、配置代理
  deServer:{
    proxy:{
      // 代理名称
      '/course-api':{
      //   代理地址
        target:'',
      //   是否跨域
        changeOrigin:true,
        pathRewrite:{
          // 路径重写
          '^/course-api':''
        }
      }
    }
  }
})
